<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/list.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.css">
    <script src="./jquery/jquery.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="headers">
            <em>喵,欢迎来天猫</em>
            <a href="./login.html">请登录</a>
            <a href="./index.html">免费注册</a>
            <div class="header2">
                <a href="">我的淘宝</a>
                <a href="">购物车</a>
                <a href="">收藏夹</a>
                <a href="">手机版</a>
                <a href="">淘宝网</a>
                <a href="">商家支持</a>
                <span>网站导航</span>
            </div>
        </div>
    </div>
    <div class="headerCon">
        <h1>
           <a href="">
                <img src="https://img.alicdn.com/tps/i1/TB1ihPoHXXXXXboXpXXUpzO_VXX-116-48.png" alt="">
            </a>
        </h1>
        <div class="header3">
            <form>
                <input type="text">
                <button>搜索</button>
            </form>
        </div>
    </div>

    <div class="content">
        <div class="content1">
            <h2>商品服务分类</h2>
            <a href="">尚天猫</a>
            <a href="">喵鲜生</a>
            <a href="">天猫会员</a>
            <a href="">电器城</a>
            <a href="">天猫超市</a>
            <a href="">医药馆</a>
            <a href="">天猫国际</a>
            <a href="">天猫汽车</a>
        </div>
        <div  class="content2">
           <div class="content3">
                <ul>
                    <li>女装</li>
                    <li>数码</li>
                    <li>男装</li>
                    <li>家居</li>
                    <li>美妆</li>
                    <li>母婴</li>
                    <li>美食</li>
                    <li>运动</li>
                </ul>
                <ol>
                    <li class="ww">
                    </li>
                    <li class="ww1">2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ol>
           </div>
           <div class="swiper-container banner" id="banner">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB1h30lJFXXXXXzXXXX6o7KSVXX-730-300.jpg" alt=""></div>
              <div  class="swiper-slide"><img src="https://img.alicdn.com/tps/i2/TB1srspLFXXXXbJXVXX6o7KSVXX-730-300.jpg" alt=""></div>
              <div  class="swiper-slide"><img src="https://img.alicdn.com/tps/i4/TB18o6AMXXXXXahXVXX6o7KSVXX-730-300.jpg" alt=""></div>
              <div  class="swiper-slide"><img src="https://img.alicdn.com/tps/i3/TB1JzkjLXXXXXaCaXXX6o7KSVXX-730-300.jpg" alt=""></div>
              <div  class="swiper-slide"><img src="https://img.alicdn.com/tps/i3/TB1IkcGLpXXXXaRaXXX6o7KSVXX-730-300.jpg" alt=""></div>
              <div  class="swiper-slide"><img src="https://img.alicdn.com/tps/TB1qHHgKpXXXXcoXVXXXXXXXXXX-730-300.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
          <script src="./swiper/swiper-bundle.min.js"></script>
          <script>
            new Swiper('#banner', {
              loop: true, 
              initialSlide :0,
              speed: 2000,
              grabCursor: true, 
              effect : 'coverflow',
              centeredSlides: true,
        
              pagination: {
                el: '.swiper-pagination',
              },
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              }
            })
          </script>
           <div class="content2-2">
               <img src="https://img.alicdn.com/tfs/TB1NHrNQFXXXXbSaXXXXXXXXXXX-190-480.jpg" alt="">
           </div>
           
             <div class="swiper-container banners0" id="banners0">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div><img src="./imges/TB17e.PJFXXXXa0XFXXSutbFXXX.jpg" alt=""></div>
                    <div><img src="./imges/TB17rc7JFXXXXaVXXXXSutbFXXX.jpg" alt=""></div>
                    <div><img src="./imges/TB1EsENJFXXXXbtXFXXSutbFXXX.jpg" alt=""></div>
                    <div><img src="./imges/TB1s6UVJFXXXXcbXpXXSutbFXXX.jpg" alt=""></div>
                </div>
                <div  class="swiper-slide">
                    <div style="background-color: black;"><img src="./imges/TB17e.PJFXXXXa0XFXXSutbFXXX.jpg" alt=""></div>
                    <div style="background-color: red;"><img src="./imges/TB17rc7JFXXXXaVXXXXSutbFXXX.jpg" alt=""></div>
                    <div style="background-color: green;"><img src="./imges/TB1EsENJFXXXXbtXFXXSutbFXXX.jpg" alt=""></div>
                    <div><img src="./imges/TB1s6UVJFXXXXcbXpXXSutbFXXX.jpg" alt=""></div>
                </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
              </div>
              <script src="./swiper/swiper-bundle.min.js"></script>
              <script>
                new Swiper('#banners0', {
                  loop: true, 
                  initialSlide :0,
                  speed: 2000,
                  grabCursor: true, 
                  effect : 'coverflow',
                  centeredSlides: true,
            
                  pagination: {
                    el: '.swiper-pagination',
                  },
                  navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                  }
                })
              </script>
            
                <div class="banners1">
                    <img src="./imges/TB1soMIJVXXXXbjXXXXSutbFXXX.jpg" alt="">
                </div>
        </div>
    </div>
    <div class="new"> 
        <div class="new1-1">
            <img src="https://img.alicdn.com/tfs/TB14dANRXXXXXbdXXXXXXXXXXXX-1190-100.jpg" alt="">
            <a class="q1" href=""></a>
            <a class="q2" href=""></a>
            <a class="q3" href=""></a>
            <a class="q4" href=""></a>
        </div>
        <div class="new1-2">
            <div>
                <span>购物指南</span>
                <a href="">免费注册</a>
                <a href="">开通支付宝</a>
                <a href="">支付宝充值</a>

            </div>
            <div>
                <span>天猫保障</span>
                <a href="">发票保障</a>
                <a href="">售后规则</a>
                <a href="">缺货赔付</a>
            </div>
            <div>
                <span>支付方式</span>
                <a href="">快捷支付</a>
                <a href="">信用卡</a>
                <a href="">余额宝</a>
                <a href="">蚂蚁花呗</a>
                <a href="">货到付款</a>
            </div>
            <div>
                <span>商家服务</span>
                <a href="">天猫规则</a>
                <a href="">商家入驻</a>
                <a href="">商家中心</a>
                <a href="">天猫智库</a>
                <a href="">物流服务</a> 
                <a href="">喵言喵语</a>
                <a href="">运营服务</a>
            </div>
            <div>
                <span>手机天猫</span>
                <img src="https://img.alicdn.com/tfscom/TB14MWoNhjaK1RjSZFAwu2dLFXa.png" alt="">
            </div>
        </div>
          <div class="qqaa">  
                <div class="newl">
                    <a class="nue">关于天猫</a>
                    <a class="nue">商家服务大厅</a>
                    <a class="nue">开放平台</a>
                    <a class="nue">诚聘英才</a>
                    <a class="nue">联系我们</a>
                    <a class="nue">网站合作</a>
                    <a class="nue">法律声明</a>
                    <a class="nue">隐私权政策</a>
                    <a class="nue">知识产权</a>
                    <a class="nue">廉政举报</a>
                    <a class="nue">不当竞争举报</a>
                </div>
                <div class="newk">
                    <b class="nuer">阿里巴巴集团</b>
                    <b class="nuer">淘宝网</b>
                    <b class="nuer">天猫</b>
                    <b class="nuer">聚划算</b>
                    <b class="nuer">全球速卖通</b>
                    <b class="nuer">阿里巴巴国际交易市场</b>
                    <b class="nuer">1688</b>
                    <b class="nuer">阿里妈妈</b> 
                    <b class="nuer">飞猪</b>
                    <b class="nuer">阿里云计算</b>
                    <b class="nuer">AliOS</b>
                    <b class="nuer">阿里通信</b>
                    <b class="nuer">万网</b>
                    <b class="nuer">高德</b>
                    <b class="nuer">UC</b>
                    <b class="nuer">友盟</b>
                    <b class="nuer">虾米</b>
                    <b class="nuer">钉钉</b>
                    <b class="nuer">支付宝</b>
                    <b class="nuer">阿里安全</b>
                </div>
            
                <div class="newm">
                    <p>增值电信业务经营许可证:浙B2-20110446 </p>
                    <p>市场名称登记证:工商网市字3301004119号</p>
                    <p> 出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</p>
                    <p>互联网违法和不良信息举报:0571-81683755 blxxjb@alibaba-inc.com</p>
                    <p>互联网药品信息服务资质证书编号:浙-（经营性）-2017-0005</p>  
                    <p>浙公网安备 33010002000120号</p>
                    <p>医疗器械网络交易服务第三方平台备案:（浙）网械平台备字[2018]第00002号</p>
                    <p>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002</p>
                    <p>12318举报</p>
                    <p>浙B2-20110446-1</p>
                    <p> © 2003-现在 TMALL.COM 版权所有</p>
                </div>
        </div>
    </div>  
    
    <script src="./swiper/swiper-bundle.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/lists.js"></script>
    <!-- <script src="./js/list.js"></script> -->
</body>
</html>